.head-bg {
  background-color: #2471E9;
  background-image: linear-gradient(#38B6FD, #2471E9);
  height: 250rpx;
  margin-bottom: -100rpx;
  text-align: center;
}
.head-bg .title{
  color: #fff;
  display: inline-block;
  line-height: 150rpx;
  font-size: 18px;
}
.textarea_box {
  margin: 20rpx 0;
  border: 1rpx solid #f3f3f3;
  border-radius: 10rpx;
  padding: 20rpx;
  height: 150rpx;
  textarea {
    font-size: 26rpx;
    height: 110rpx;
    boder:1px solid #f3f3f3;
  }
}

.activityReservation-page {
  width: 100%;
  box-sizing: border-box;
  
  .top-fixed {
    position: fixed;
    top: 0;
    z-index: 1;
  }
  
  .state {
    label {
      margin: 0 10rpx;
    }
  }
  
  .top {
    width: 100%;
    height: 100rpx;
    padding: 0 30rpx;
    // background-color: #007AFF;
    background-color: #f7f7f7;
    box-shadow: 0 1px 6rpx #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    
    .top-text {
      color: #000;
      font-size: 34rpx;
    }
  }
  
  .ks {
    padding: 30rpx;
    background-color: #f8f8f8;
    margin: 20rpx 0;
    border-radius: 20rpx;
  }
  
  .top-box {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    line-height: 100rpx;
    
    .back-img {
      width: 44rpx;
      height: 40rpx;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      margin-left: 0rpx;
    }
  }
  
  .activityReservation-page-main {
    position: relative;
    width: 90%;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    background: #fff;
    
    ._main-tab-box {
      width: 100%;
      height: 80rpx;
      padding-top: 10rpx;
      margin-bottom: 20rpx;
      background-color: #fff;
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      // position: fixed;
      // top: 100rpx;
      z-index: 1;
      
      ._tab-btn {
        width: 15%;
        height: 100%;
        margin-left: 10px;
        line-height: 80rpx;
        color: #777;
        font-size: 28rpx;
        text-align: center;
      }
      
      ._tab-btn-active {
        color: #000;
        
        ._btn-text {
          border-bottom: 4rpx solid #037bff;
          padding: 0 0 15rpx;
          font-size: 30rpx;
          box-sizing: border-box;
        }
        
      }
    }
    
    ._main-content {
      width: 100%;
      box-sizing: border-box;
      padding: 10rpx 40rpx;
      
      ._main-content-win {
        width: 100%;
        overflow-x: hidden;
        
        ._main-content-box {
          //width: 200%;
          display: flex;
          flex-wrap: nowrap;
          justify-content: flex-start;
          transition: all 0.2s linear;
          margin-top: 20rpx;
          
          ._main-content-box-item {
            width: 100%;
            
            ._main-item {
              // height: 86rpx;
              border: 1px solid rgba(200, 199, 204, 0.5);
              padding: 5rpx 20rpx;
              border-radius: 10rpx;
              margin-bottom: 40rpx;
              display: flex;
              flex-wrap: nowrap;
              justify-content: space-between;
              align-items: center;
              
              ._main-item-chunk {
                font-size: 34rpx;
                color: #000;
                line-height: 84rpx;
              }
              
              ._main-item-label {
                //width: 35%;
                //min-width: 210rpx;
                white-space: nowrap;
              }
              
              ._main-item-val {
                //width: 65%;
                display: flex;
                flex-wrap: nowrap;
                justify-content: flex-end;
                align-items: center;
                line-height: 84rpx;
                height: 84rpx;
                
                ._main-item-val-head {
                  width: 48rpx;
                  height: 48rpx;
                  border-radius: 50%;
                  display: flex;
                  
                  .head-img {
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                  }
                }
                
                ._main-item-val-input {
                  text-align: right;
                  display: flex;
                  height: 100%;
                  
                  ._main-item-val-input-text {
                    display: flex;
                    flex-wrap: nowrap;
                    align-items: center;
                  }
                  
                  .drop-dowm-img {
                    width: 30rpx;
                    height: 30rpx;
                    margin-left: 10rpx;
                    transform: rotateZ(270deg);
                  }
                }
                
                .drop-dowm-img {
                  width: 30rpx;
                  height: 30rpx;
                  margin-left: 10rpx;
                  transform: rotateZ(270deg);
                }
              }
            }
            
            ._content-box-item-chunk {
              width: 100%;
              border-bottom: 1px solid rgba(200, 199, 204, 0.2);
              padding-bottom: 33rpx;
              
              ._item-chunk-label {
                font-size: 28rpx;
                color: #000;
                font-weight: 600;
                margin-left: 20rpx;
                line-height: 60rpx;
              }
              
              ._item-chunk-val {
                height: 80rpx;
                background-color: #f6f6f6;
                border-radius: 10rpx;
                font-size: 26rpx;
                color: #000;
                padding: 0 20rpx;
                box-sizing: border-box;
                line-height: 80rpx;
                font-size: 26rpx;
                display: flex;
                flex-wrap: nowrap;
                justify-content: space-between;
                align-items: center;
                
                ._item-chunk-val-input {
                  width: 100%;
                  height: 100%;
                  line-height: 80rpx;
                  font-size: 26rpx;
                }
                
                ._main-item-val-input {
                  text-align: right;
                  display: flex;
                  width: 100%;
                  height: 100%;
                  
                  /deep/ div {
                    // width: 100%;
                    // display: flex;
                    // flex-wrap: nowrap;
                    // justify-content: space-between;
                    // align-items: center;
                  }
                  
                  ._main-item-val-input-text {
                    display: flex;
                    flex-wrap: nowrap;
                    align-items: center;
                  }
                  
                  .drop-dowm-img {
                    width: 30rpx;
                    height: 30rpx;
                    margin-left: 10rpx;
                    transform: rotateZ(270deg);
                  }
                }
                
                .drop-dowm-img {
                  width: 30rpx;
                  height: 30rpx;
                  margin-left: 10rpx;
                  transform: rotateZ(270deg);
                }
                
                ._val-box {
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-wrap: nowrap;
                  justify-content: space-between;
                  
                  ._val-box-input {
                    height: 100%;
                    line-height: 80rpx;
                    font-size: 26rpx;
                  }
                }
              }
            }
          }
        }
        
        ._main-content-box-l {
          margin-left: 0;
        }
        
        ._main-content-box-r {
          //margin-left: -100%;
        }
      }
      
      ._main-content-tips {
        width: 100%;
        margin-top: 40rpx;
        
        ._main-content-tips-text {
          width: 100%;
          text-align: center;
          font-size: 24rpx;
          color: #888;
        }
      }
      
      ._main-content-confirm {
        width: 100%;
        height: 80rpx;
        background-color: #037aff;
        border-radius: 10rpx;
        line-height: 80rpx;
        text-align: center;
        font-size: 32rpx;
        color: #fff;
        margin-top: 40rpx;
      }
    }
  }
}

.xing {
  color: #ff0000;
  margin-left: 10rpx;
}

// 添加报名人员样式
.uni-row {
  background: #f8f8f8;
  padding: 50rpx 0;
  text-align: center;
  
}

.uni-row .btn {
  position: relative;
  color: #007AFF;
  display: inline-block;
  padding-left: 50rpx;
  font-size: 17px;
}

.uni-row .btn::after {
  content: '+';
  position: absolute;
  left: -10%;
  top: 0;
  width: 40rpx;
  height: 40rpx;
  font-size: 40rpx;
  line-height: 35rpx;
  border: 1px dashed #007AFF;
}

.uni-form-item .title {
  padding: 5px 12px;
}

.uni-input {
  display: block;
  min-height: 1.4em;
  overflow: hidden;
  padding: 7px 12px;
  line-height: 30px;
  font-size: 14px;
  background: #FFF;
  -webkit-box-flex: 1;
  flex: 1;
}
._main-content-confirm{
  width: 100%;
  height: 80rpx;
  background-color: #037aff;
  border-radius: 10rpx;
  line-height: 80rpx;
  text-align: center;
  font-size: 32rpx;
  color: #fff;
  margin-top: 40rpx;
}
